/* PAGINATION STYLE 01 */

div.pagination {
}

a.pageposition {
width:67px;
padding-left:10px;
}

ul.number li{
float:left;
padding:0px;
margin:0px;
list-style:none;
list-style-type:none;
}

a.current {
width:30px;
padding-left:10px;
color:#FF0000;
}

a.number {
width:20px;
padding-left:10px;
}

/* end PAGINATION STYLE 01 */

/* ============================================================================================================================================================= */

/* ------------------------------------------
CSS PAGINATION PACK
by PixusDesign (Mir Haziq)
- http://codecanyon.net/user/PixusDesign

http://codecanyon.net/item/css-pagination-pack/109791
------------------------------------------ */

/* ----------------------------------------------
-- GLOBAL STYLES FOR ALL PAGINATION STYLES
---------------------------------------------- */

.pagination {
	display: inline-block;
	font-family: "Tahoma", Arial, sans-serif;
	font-size: 11px;
	line-height: 18px;
	text-decoration: none;
	text-transform: uppercase;
	margin-bottom:10px;
}

.pagination .dots {
	bottom: -6px;
	color: #606060;
	position: relative;
}

.pagination a, .pagination .dots {
	display: inline-block;
	margin-right: 2px;
	padding: 2px 0px;
	text-align:center;
}

div.pagination a:hover {
	color: #303030;
}

div.pagination a:active {
	color: #585858;
}

.pagination a.number, .pagination.red a.pageposition {
	border: 1px solid #ddd;	
	
	/* CURVED CORNERS */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;

}

.pagination a.number:hover {
	border-color: #d0d0d0;
	
	/* DROP SHADOWS */
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
}

.pagination a.number.current {
	color: #fff;
}

.pagination a.number.current:hover {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.pagination a.number.current:active {
	/* INNER SHADOWS */
	-moz-box-shadow: 0px 1px 1px rgba(255,255,255,0.3), inset 0px 1px 2px rgba(0,0,0,0.15);
	-webkit-box-shadow: 0px 1px 1px rgba(255,255,255,0.3), inset 0px 1px 2px rgba(0,0,0,0.15);
	box-shadow: 0px 1px 1px rgba(255,255,255,0.3), inset 0px 1px 2px rgba(0,0,0,0.15);
}

/* ****************************************************************************************** RED PAGINATION STYLE */
.pagination.red, .pagination.red a {
	color: #555; 
}

.pagination a.number, .pagination.red a.pageposition {
	border: 1px solid #ddd;	
	
	/* CURVED CORNERS */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;

	/* GRADIENT BACKGROUND */	
background-image: linear-gradient(bottom, rgb(235,235,235) 0%, rgb(250,250,250) 100%);
background-image: -o-linear-gradient(bottom, rgb(235,235,235) 0%, rgb(250,250,250) 100%);
background-image: -moz-linear-gradient(bottom, rgb(235,235,235) 0%, rgb(250,250,250) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(235,235,235) 0%, rgb(250,250,250) 100%);
background-image: -ms-linear-gradient(bottom, rgb(235,235,235) 0%, rgb(250,250,250) 100%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(235,235,235)),
	color-stop(1, rgb(250,250,250))	
	);
}

.pagination a.number:hover, .pagination.red a.pageposition:hover {
	/* GRADIENT BACKGROUND */
background-image: linear-gradient(bottom, rgb(219,219,219) 0%, rgb(240,240,240) 100%);
background-image: -o-linear-gradient(bottom, rgb(219,219,219) 0%, rgb(240,240,240) 100%);
background-image: -moz-linear-gradient(bottom, rgb(219,219,219) 0%, rgb(240,240,240) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(219,219,219) 0%, rgb(240,240,240) 100%);
background-image: -ms-linear-gradient(bottom, rgb(219,219,219) 0%, rgb(240,240,240) 100%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(219,219,219)),
	color-stop(1, rgb(240,240,240))	
	);
	
	text-decoration:none;
}

.pagination.red a.number.current {
	background-color: #c32a2a;
	border-color: #c80d08 #b20b09 #a20a0a;
	text-shadow: 0px 1px 1px #a50b0a;
	
	background: -moz-linear-gradient(top,
		#f1614e,
		#e13a2d 5%,
		#c32a2a
	);
	background: -webkit-gradient(linear, left top, left bottom,
		from(#f1614e),
		color-stop(0.05, #e13a2d),
		to(#c32a2a)
	);
	
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#e13a2d', EndColorStr='#c32a2a');
}

.pagination.red a.number.current:hover {
	background-color: #c31f1f;
	border-color: #bf0b06 #a00907 #960808;
	
	background: -moz-linear-gradient(top,
		#f75e4d,
		#ed4037 5%,
		#c31f1f
	);
	background: -webkit-gradient(linear, left top, left bottom,
		from(#f75e4d),
		color-stop(0.05, #ed4037),
		to(#c31f1f)
	);
	
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#ed4037', EndColorStr='#c31f1f');
}

.pagination.red a.number.current:active {
	border-color: #960808 #a00907 #bf0b06;
	text-shadow: 0px -1px 1px #a00907;
	
	background: -moz-linear-gradient(top,
		#c31f1f,
		#ed4037
	);
	background: -webkit-gradient(linear, left top, left bottom,
		from(#c31f1f),
		to(#ed4037)
	);
	
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#c31f1f', EndColorStr='#ed4037');
}

/* ======================================================================================================================== WHITE PAGINATION STYLE */
.pagination.white, .pagination.white a {
	color: #606060; 
}

.pagination.white a.number.current {
	background-color: #e0e0e0;
	border-color: #ddd #d8d8d8 #c4c4c4;
	color: #606060;
	text-shadow: 0px 1px 0px #fff;
	
	background: -moz-linear-gradient(top,
		#fff,
		#f4f4f4 50%,
		#e0e0e0
	);
	background: -webkit-gradient(linear, left top, left bottom,
		from(#fff),
		color-stop(0.5, #f4f4f4),
		to(#e0e0e0)
	);
	
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#f4f4f4', EndColorStr='#e0e0e0');
}

.pagination.white a.number.current:hover {
	background-color: #ebebeb;
	border-color: #dbdbdb #d4d4d4 #c0c0c0;
	
	background: -moz-linear-gradient(top,
		#fff,
		#f8f8f8 65%,
		#ebebeb
	);
	background: -webkit-gradient(linear, left top, left bottom,
		from(#fff),
		color-stop(0.65, #f8f8f8),
		to(#ebebeb)
	);
	
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#f8f8f8', EndColorStr='#ebebeb');
}

.pagination.white a.number.current:active {
	border-color: #c0c0c0 #d4d4d4 #dbdbdb;
	text-shadow: 0px -1px 0px #fff;
	
	background: -moz-linear-gradient(top,
		#ebebeb,
		#f4f4f4 50%,
		#fff
	);
	background: -webkit-gradient(linear, left top, left bottom,
		from(#ebebeb),
		color-stop(0.5, #f4f4f4),
		to(#fff)
	);
	
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#f4f4f4', EndColorStr='#ffffff');
}